<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>金毕生教育</title>
    <meta name="robots" content="index, follow" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
	<meta name="author" content="" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="styles/skeleton.css" />
    <link rel="stylesheet" href="styles/style.css" />
    <link rel="stylesheet" href="styles/inner.css" />
    <link rel="stylesheet" href="styles/color.css" />
	<link rel="stylesheet" href="styles/layout.css" />

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
    
	<!-- Demo Switcher
	================================================== -->
    <link id="layoutcss" href="styles/fixed-layout.css" rel="stylesheet" type="text/css" />
    <link href="styles/style-switcher.css" rel="stylesheet" type="text/css" />

</head>


<body>
<div id="bodychild">
	<div id="outercontainer">
    
        <!-- HEADER -->
        <div id="outerheader">
        	<div class="container">
            <header id="top" class="twelve columns">
            	<div id="logo"  class="three columns alpha"><a href="index-2.html"><img src="images/logo.jpg" alt=""></a></div>
                <section id="navigation" class="nine columns omega">
                    <nav>
                        <ul id="topnav" class="sf-menu">
                            <li><a href="index-2.html">Home</a></li>
                            <li><a href="about.html">About</a></li>
                            <li><a href="service.html">Services</a></li>
                            <li class="current"><a href="blog.html">Blog</a></li>
                            <li><a href="portfolio.html">Portfolio</a>
                            	<ul>
                                	<li><a href="portfolio.html">Portfolio 1 Column</a></li>
                                	<li><a href="portfolio2.html">Portfolio 2 Column</a></li>
                                    <li><a href="portfolio3.html">Portfolio 3 Column</a></li>
                                    <li><a href="portfolio4.html">Portfolio 4 Column</a></li>
                                </ul>
                            </li>
                            <li><a href="element.html">Element</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul><!-- topnav -->
                    </nav><!-- nav -->	
                    <div class="clear"></div>
                </section>
                <div class="clear"></div>
            </header>
            </div>
        </div>
        <!-- END HEADER -->
        
        <!-- AFTER HEADER -->
        <div id="outerafterheader">
            <div class="container">
                <div id="afterheader" class="twelve columns">
                    <section id="aftertheheader">
                    	<hgroup>
                            <h1 class="pagetitle">Our Blog</h1>
                            <h3 class="pagedesc">The latest updates</h3>
                        </hgroup>
                    </section>
                </div>
            </div>
        </div>
        <!-- END AFTER HEADER -->
        
        <!-- MAIN CONTENT -->
        <div id="outermain">
        	<div class="container">
        	<section id="maincontent" class="twelve columns">
            	<section id="content" class="positionleft eight columns alpha">
                    
                    <article class="post">
                    	 <div class="postimg"><img src="images/content/post1.jpg" alt="" class="scale-with-grid"  /></div>
                         <div class="entry-date">
                            <div class="posttime">Apr 2012</div>
                            <div class="postdate">27</div>
                         </div>
                         <div class="entry-text">
                             <h2 class="posttitle"><a href="single.html">Sed mattis suscipit mattis. Ut a velit vel diam viverra mollis. </a></h2>
                             <div class="entry-utility">Posted by <a href="#">Tsdemo</a> in <a href="#">Photography</a> with <a href="#">0 Comment</a></div>
                             <div class="entry-content">
                             <p>Curabitur tincidunt iaculis ipsum, eu malesuada tellus congue a. Quisque aliquet, enim eget consequat scelerisque, lectus nibh pulvinar lectus, ac vestibulum nisl urna quis magna. Quisque laoreet pulvinar orci, eget tempor ante consectetur in. Nullam et lorem ut magna aliquet eleifend scelerisque eu justo. </p>
                             <p>Maecenas sollicitudin, urna sit amet tristique euismod, tellus orci malesuada sapien, ut volutpat ante augue interdum leo. Ut neque massa, lacinia et consectetur ac, sodales ac risus. </p>
                            Proin ullamcorper, elit sit amet pulvinar aliquet, tellus ipsum dapibus ipsum, a tristique ligula leo sit amet tellus. Maecenas in eros tellus.
                            </div>
                        </div> 
                         <div class="clear"></div>     
                    </article>
                    
                     <section id="comment">
                        <h2>4 Comments</h2>
                        <ol class="commentlist">
                            <li>
                                <div class="comment-body">
                                    <img src="images/content/avatar.gif" alt="" class="avatar"/>
                                    <cite class="fn"><a href="#">Richard Delano</a></cite><span class="tdate">August 17, 2010 7:15 am</span> &middot; <span class="reply"><a href="#" class="more">Reply</a></span>
                                    <div class="commenttext">
                                        <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="comment-body">
                                    <img src="images/content/avatar.gif" alt="" class="avatar"/>
                                    <cite class="fn"><a href="#">Michael John</a></cite><span class="tdate">August 17, 2010 7:15 am</span> &middot; <span class="reply"><a href="#" class="more">Reply</a></span>
                                    <div class="commenttext">
                                        <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                    </div>
                                </div>
                                <ol>
                                    <li>
                                        <div class="comment-body">
                                            <img src="images/content/avatar.gif" alt="" class="avatar"/>
                                            <cite class="fn"><a href="#">Wayne Rooney</a></cite><span class="tdate">August 17, 2010 7:15 am</span> &middot; <span class="reply"><a href="#" class="more">Reply</a></span>
                                            <div class="commenttext">
                                                <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                            </div>
                                        </div>
                                    </li>
                                </ol>
                            </li>
                            <li>
                                <div class="comment-body">
                                    <img src="images/content/avatar.gif" alt="" class="avatar"/>
                                    <cite class="fn"><a href="#">John Doe</a></cite><span class="tdate">August 17, 2010 7:15 am</span> &middot; <span class="reply"><a href="#" class="more">Reply</a></span>
                                    <div class="commenttext">
                                        <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                    </div>
                                </div>
                            </li>
                        </ol>
                        <h2>Leave Comment</h2>
                          <form id="commentform" action="#">
                            <fieldset>
                              <label for="name" id="name_label">Name:</label>
                              <input type="text" name="name" id="name" size="40" value="" class="text-input" />
                              <label for="email" id="email_label">Email:</label>
                              <input type="text" name="email" id="email" size="40" value="" class="text-input" />
                              <label for="msg" id="msg_label">Message:</label>
                             <textarea rows="10" name="msg" id="msg" class="textarea"></textarea><br />
                              <input type="submit" name="submit" class="button" id="submit_btn" value="Submit"/>
                            </fieldset>
            
                          </form>
                    </section>
                    
                    
				</section>
                
                <aside id="sidebar" class="positionright four columns omega">
                    <ul>
                        <li class="widget-container">
                            <h2 class="widget-title">Text Widget</h2>
                            <div class="textwidget">Pellentesque at mauris fringilla nunc sollicitudin vehicula. Aliquam et nibh ipsum, vel porta augue. Sed dolor ligula, facilisis.</div>
                        </li>
                        <li class="widget-container">
                            <form method="get" id="searchform" action="#">
                                <div class="bgsearch">
                                <input type="text" name="s" id="s" value="Type and search..." onFocus="if (this.value == 'Type and search...')this.value = '';" onBlur="if (this.value == '')this.value = 'Type and search...';" /> 
                                <input type="submit" class="searchbutton" value="" />
                                </div>
                            </form>
                        </li>
                         <li class="widget-container">
                            <h2 class="widget-title">Categories</h2>
                            <ul>
                                <li><a href="#">News</a></li>
                                <li><a href="#">Display Theme</a></li>
                                <li><a href="#">General</a></li>
                                <li><a href="#">Video</a></li>
                                <li><a href="#">Typography</a></li>
                            </ul>
                        </li>
                         <li class="widget-container">
                            <h2 class="widget-title">Recent Post</h2>
                            <ul class="rp-widget">
                                <li>
                                	<img src="images/content/rp1.jpg" alt="" class="alignleft" />
                                	<h3><a href="#">Lorem ipsum dolor sit amet, consectetur.</a></h3>
                                    <span class="smalldate">April 27, 2012</span>
                                    <span class="clear"></span>
                                </li>
                                <li>
                                	<img src="images/content/rp2.jpg" alt="" class="alignleft" />
                                	<h3><a href="#">Nam vel nunc at augue vehicula feugiat.</a></h3>
                                    <span class="smalldate">April 22, 2012</span>
                                    <span class="clear"></span>
                                </li>
                                <li>
                                	<img src="images/content/rp3.jpg" alt="" class="alignleft" />
                                	<h3><a href="#">Integer pretium ipsum sit amet dui feugiat.</a></h3>
                                    <span class="smalldate">April 20, 2012</span>
                                    <span class="clear"></span>
                                </li>
                            </ul>
                        </li>
                         <li class="widget-container">
                            <h2 class="widget-title">Our Sponsor</h2>
                            <div class="ads"><img src="images/content/ads.gif" alt="" /></div>
                            <div class="ads last"><img src="images/content/ads.gif" alt="" /></div>
                            <div class="ads"><img src="images/content/ads.gif" alt="" /></div>
                            <div class="ads last"><img src="images/content/ads.gif" alt="" /></div>
                        </li>
                 	</ul>
				</aside>	
                <div class="clear"></div><!-- clear float --> 
            </section>
            </div>
        </div>
        <!-- END MAIN CONTENT -->
        
        <!-- AFTER CONTENT -->
        <div id="outeraftercontent">
            <div class="container">
            <div id="aftercontent" class="twelve columns">
                <section id="afterthecontent">
                    <ul class="sn">
                        <li><a title="Facebook" href="http://facebook.com/"><span style="background:url(images/social/facebook.png)" class="icon-img"></span></a></li>
                        <li><a title="Twitter" href="http://twitter.com/"><span style="background:url(images/social/twitter.png)" class="icon-img"></span></a></li>
                        <li><a title="StumbleUpon" href="http://stumbleupon.com/"><span style="background:url(images/social/stumbleupon.png)" class="icon-img"></span></a></li>
                        <li><a title="Youtube" href="http://youtube.com/"><span style="background:url(images/social/youtube.png)" class="icon-img"></span></a></li>
                        <li><a title="Lastfm" href="http://www.last.fm/"><span style="background:url(images/social/lastfm.png)" class="icon-img"></span></a></li>
                    </ul>
                    <address class="addr">1234 Majapahit Road, Glasgowth, A05 897R.<br>Freephone: +1 800 123 456</address>
                </section>
            </div>
            </div>
        </div>
        <!-- END AFTER CONTENT -->
        
        <!-- FOOTER -->
        <div id="outerfooter">
        	<div class="container">
        	<div id="footercontainer" class="twelve columns">
            	<footer id="footer">&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></footer>
            </div>
            </div>
        </div>
        <!-- END FOOTER -->
        
	</div><!-- end bodychild -->
</div><!-- end outercontainer -->

<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<!-- jQuery Superfish -->
<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script>

<!-- jQuery Dropdown Mobile -->
<script type="text/javascript" src="js/tinynav.min.js"></script>

<!-- Custom Script -->
<script type="text/javascript" src="js/custom.js"></script>

<!-- Demo Switcher -->
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/switcher.js"></script>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
